<!DOCTYPE html>
<html lang="zh-Hans">
<head>

    <!-- hexo-inject:begin --><!-- hexo-inject:end --><!--[if lt IE 9]>
        <style>body {display: none; background: none !important} </style>
        <meta http-equiv="Refresh" Content="0; url=//outdatedbrowser.com/" />
    <![endif]-->

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="format-detection" content="telephone=no" />
<meta name="author" content="Shawn" />



<meta name="description" content="对Hexo主题Yelee进行的一些修改。修复一些显示bug，添加新功能，对部分功能进行优化。">
<meta property="og:type" content="article">
<meta property="og:title" content="修改主题--Yelee">
<meta property="og:url" content="https://www.lazyshawn.cn/2020/02/29/Custom-yelee/index.html">
<meta property="og:site_name" content="Shawn">
<meta property="og:description" content="对Hexo主题Yelee进行的一些修改。修复一些显示bug，添加新功能，对部分功能进行优化。">
<meta property="og:image" content="https://www.lazyshawn.cn/2020/02/29/Custom-yelee/%3C%=theme.donate.multipay%%3E">
<meta property="article:published_time" content="2020-02-29T01:18:21.000Z">
<meta property="article:modified_time" content="2020-03-02T04:09:15.882Z">
<meta property="article:author" content="Shawn">
<meta property="article:tag" content="Hexo">
<meta property="article:tag" content="Yelee">
<meta name="twitter:card" content="summary">
<meta name="twitter:image" content="https://www.lazyshawn.cn/2020/02/29/Custom-yelee/%3C%=theme.donate.multipay%%3E">

<link rel="apple-touch-icon" href= "/apple-touch-icon.png">


    <link rel="alternate" href="/atom.xml" title="Shawn" type="application/atom+xml">



    <link rel="shortcut icon" href="/favicon.png">



    <link href="//cdn.bootcss.com/animate.css/3.5.1/animate.min.css" rel="stylesheet">



    <link href="//cdn.bootcss.com/fancybox/3.3.5/jquery.fancybox.min.css" rel="stylesheet">



    <script src="//cdn.bootcss.com/pace/1.0.2/pace.min.js"></script>
    <link href="//cdn.bootcss.com/pace/1.0.2/themes/blue/pace-theme-minimal.css" rel="stylesheet">



<link rel="stylesheet" href="/css/style.css">




<link href="//cdn.bootcss.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet">


<title>修改主题--Yelee | Shawn</title>

<script src="//cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
<script src="//cdn.bootcss.com/clipboard.js/1.5.10/clipboard.min.js"></script>

<script>
    var yiliaConfig = {
        fancybox: true,
        animate: true,
        isHome: false,
        isPost: true,
        isArchive: false,
        isTag: false,
        isCategory: false,
        fancybox_js: "//cdn.bootcss.com/fancybox/3.3.5/jquery.fancybox.min.js",
        scrollreveal: "//cdn.bootcss.com/scrollReveal.js/3.1.4/scrollreveal.min.js",
        search: true
    }
</script>


    <script> yiliaConfig.jquery_ui = [false]; </script>



    <script> yiliaConfig.rootUrl = "\/";</script>






<meta name="generator" content="Hexo 4.2.0"><link rel="stylesheet" href="/css/prism-a11y-dark.css" type="text/css">
<link rel="stylesheet" href="/css/prism-line-numbers.css" type="text/css"><!-- hexo-inject:begin --><!-- hexo-inject:end --></head>
<body>
  <!-- hexo-inject:begin --><!-- hexo-inject:end --><div id="container">
    <div class="left-col">
    <div class="overlay"></div>
<div class="intrude-less">
    <header id="header" class="inner">
        <a href="/" class="profilepic">
            <img src="/img/avatar.jpeg" class="animated zoomIn">
        </a>
        <hgroup>
          <h1 class="header-author"><a href="/">Shawn</a></h1>
        </hgroup>

        
        <p class="header-subtitle">走自己的路</p>
        

        
            <form id="search-form">
            <input type="text" id="local-search-input" name="q" placeholder="search..." class="search form-control" autocomplete="off" autocorrect="off" searchonload="" />
            <i class="fa fa-times" onclick="resetSearch()"></i>
            </form>
            <div id="local-search-result"></div>
            <p class='no-result'>No results found <i class='fa fa-spinner fa-pulse'></i></p>
        


        
            <div id="switch-btn" class="switch-btn">
                <div class="icon">
                    <div class="icon-ctn">
                        <div class="icon-wrap icon-house" data-idx="0">
                            <div class="birdhouse"></div>
                            <div class="birdhouse_holes"></div>
                        </div>
                        <div class="icon-wrap icon-ribbon hide" data-idx="1">
                            <div class="ribbon"></div>
                        </div>
                        
                        <div class="icon-wrap icon-link hide" data-idx="2">
                            <div class="loopback_l"></div>
                            <div class="loopback_r"></div>
                        </div>
                        
                        
                    </div>
                    
                </div>
                <div class="tips-box hide">
                    <div class="tips-arrow"></div>
                    <ul class="tips-inner">
                        <li>菜单</li>
                        <li>标签</li>
                        
                        <li>友情链接</li>
                        
                        
                    </ul>
                </div>
            </div>
        

        <div id="switch-area" class="switch-area">
            <div class="switch-wrap">
                <section class="switch-part switch-part1">
                    <nav class="header-menu">
                        <ul>
                        
                            <li><a href="/archives/">所有文章</a></li>
                        
                            <li><a href="/tags/">标签云</a></li>
                        
                            <li><a href="/about/">关于我</a></li>
                        
                        </ul>
                    </nav>
                    <nav class="header-nav">
                        <ul class="social">
                            
                                <a class="fa Email" href="mailto:123@123.com" title="Email"></a>
                            
                                <a class="fa GitHub" href="https://github.com/lazyshawn" target="_blank" rel="noopener" title="GitHub"></a>
                            
                                <a class="fa RSS" href="/atom.xml" title="RSS"></a>
                            
                        </ul>
                    </nav>
                </section>
                
                
                <section class="switch-part switch-part2">
                    <div class="widget tagcloud" id="js-tagcloud">
                        <ul class="tag-list" itemprop="keywords"><li class="tag-list-item"><a class="tag-list-link" href="/tags/C-C/" rel="tag">C/C++</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/Git/" rel="tag">Git</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/Hexo/" rel="tag">Hexo</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/Matlab/" rel="tag">Matlab</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/Robot-hand/" rel="tag">Robot-hand</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/Ubuntu/" rel="tag">Ubuntu</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/Yelee/" rel="tag">Yelee</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/nvim/" rel="tag">nvim</a></li></ul>
                    </div>
                </section>
                
                
                
                <section class="switch-part switch-part3">
                    <div id="js-friends">
                    
                      <a class="main-nav-link switch-friends-link" href="https://hexo.io" target="_blank" rel="noopener">Hexo</a>
                    
                      <a class="main-nav-link switch-friends-link" href="https://pages.github.com/" target="_blank" rel="noopener">GitHub</a>
                    
                      <a class="main-nav-link switch-friends-link" href="http://moxfive.xyz/" target="_blank" rel="noopener">MOxFIVE</a>
                    
                    </div>
                </section>
                

                
            </div>
        </div>
    </header>                
</div>
    </div>
    <div class="hide-left-col" title="隐藏侧栏">
      <i class="fa fa-angle-double-left"></i>
    </div>
    <div class="mid-col">
      <nav id="mobile-nav">
      <div class="overlay">
          <div class="slider-trigger"></div>
          <h1 class="header-author js-mobile-header hide"><a href="/" title="回到主页">Shawn</a></h1>
      </div>
    <div class="intrude-less">
        <header id="header" class="inner">
            <a href="/" class="profilepic">
                <img src="/img/avatar.jpeg" class="animated zoomIn">
            </a>
            <hgroup>
              <h1 class="header-author"><a href="/" title="回到主页">Shawn</a></h1>
            </hgroup>
            
            <p class="header-subtitle">走自己的路</p>
            
            <nav class="header-menu">
                <ul>
                
                    <li><a href="/archives/">所有文章</a></li>
                
                    <li><a href="/tags/">标签云</a></li>
                
                    <li><a href="/about/">关于我</a></li>
                
                <div class="clearfix"></div>
                </ul>
            </nav>
            <nav class="header-nav">
                        <ul class="social">
                            
                                <a class="fa Email" target="_blank" href="mailto:123@123.com" title="Email"></a>
                            
                                <a class="fa GitHub" target="_blank" href="https://github.com/lazyshawn" title="GitHub"></a>
                            
                                <a class="fa RSS" target="_blank" href="/atom.xml" title="RSS"></a>
                            
                        </ul>
            </nav>
        </header>                
    </div>
    <link class="menu-list" tags="标签" friends="友情链接" about="关于我"/>
</nav>
      <div class="body-wrap"><article id="post-Custom-yelee" class="article article-type-post" itemscope itemprop="blogPost">
  
    <div class="article-meta">
      <a href="/2020/02/29/Custom-yelee/" class="article-date">
      <time datetime="2020-02-29T01:18:21.000Z" itemprop="datePublished">2020-02-29</time>
</a>


    </div>
  
  <div class="article-inner">
    
      <input type="hidden" class="isFancy" />
    
    
      <header class="article-header">
        
  
    <h1 class="article-title" itemprop="name">
      修改主题--Yelee
    </h1>
  

      </header>
      
      <div class="article-info article-info-post">
        
    <div class="article-category tagcloud">
    <a class="article-category-link" href="/categories/%E5%8D%9A%E5%AE%A2%E4%B9%8B%E8%B7%AF/">博客之路</a>
    </div>


        
    <div class="article-tag tagcloud">
        <ul class="article-tag-list" itemprop="keywords"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/Hexo/" rel="tag">Hexo</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/Yelee/" rel="tag">Yelee</a></li></ul>
    </div>

        <div class="clearfix"></div>
      </div>
      
    
    <div class="article-entry" itemprop="articleBody">
      
          
        <blockquote>
<p>对Hexo主题Yelee进行的一些修改。修复一些显示bug，添加新功能，对部分功能进行优化。</p>
</blockquote>
<a id="more"></a>
<h3 id="移动端菜单栏显示问题"><a href="#移动端菜单栏显示问题" class="headerlink" title="移动端菜单栏显示问题"></a>移动端菜单栏显示问题</h3><p><strong>目标文件</strong> /source/css/_partial/main.styl。第二行，去掉container设置中<code>position: relative</code>前的注释符。此时，移动端菜单栏显示正常，但是在pc和移动端都会会出现右栏不能铺满屏幕的问题。继续更改css文件可以解决。</p>
<p><strong>目标文件</strong> /source/css/style.styl。找到下面的代码段，在<code>html</code>和<code>body</code>中添加尺寸设置，修改为：</p>
<pre class="line-numbers language-lang-git"><code class="language-lang-git">html
  font-size base-font-size
+ height: 100%;
+ min-height: 100%;
+ min-width: 300px;

body
+ height: 100%;
+ min-height: 100%;
  font-family: font-sans, font-chs, sans-serif;
  background: #fff;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: "liga" on;
  color: #333
  -webkit-overflow-scrolling: touch
<span aria-hidden="true" class="line-numbers-rows"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></span></code></pre>
<h3 id="代码块前后留白问题"><a href="#代码块前后留白问题" class="headerlink" title="代码块前后留白问题"></a>代码块前后留白问题</h3><p>代码块中空行消失，导致显示出错，在issue上已经有人解决了。<strong>目标文件：</strong> source/css/_partial/highlight.sytl。修改为：</p>
<pre class="line-numbers language-lang-git"><code class="language-lang-git">  pre, code
    font-fanmily: font-mono, monospace, font-chs
    font-size: 1em
+ .line:after
+   content: ''
+   display: inline-block;
  pre
    @extend $code-block
    code
<span aria-hidden="true" class="line-numbers-rows"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></span></code></pre>
<h3 id="取消用新标签页面打开搜索结果"><a href="#取消用新标签页面打开搜索结果" class="headerlink" title="取消用新标签页面打开搜索结果"></a>取消用新标签页面打开搜索结果</h3><p><strong>目标文件：</strong> themes/yelee/source/js/search.js。找到下面代码段</p>
<pre class="line-numbers language-lang-java"><code class="language-lang-java">// show search results
if (isMatch) {
    str += "<li><a href='"+ data_url +"' class='search-result-title' target='_blank'>"+ "> " + data_title +"</a>";
<span aria-hidden="true" class="line-numbers-rows"><span></span><span></span><span></span></span></code></pre>
<p>删除<code>target=&#39;_blank&#39;</code>字段</p>
<h3 id="取消迷你文章在新窗口打开"><a href="#取消迷你文章在新窗口打开" class="headerlink" title="取消迷你文章在新窗口打开"></a>取消迷你文章在新窗口打开</h3><p><strong>目标文件：</strong> themes/yelee/layout/_partial/open-in-new-tab.ejs。找到</p>
<pre class="line-numbers language-lang-java"><code class="language-lang-java"><% if (theme.open_in_new.mini_archives) { %> miniArchives: "a.post-list-link", <% } %>
<span aria-hidden="true" class="line-numbers-rows"><span></span></span></code></pre>
<p>因为在_config.yml中设置mini_archives好像不起作用，所以将<code>theme.open_in_new.mini_archives</code>直接设为false即可。</p>
<h3 id="添加文章字数统计"><a href="#添加文章字数统计" class="headerlink" title="添加文章字数统计"></a>添加文章字数统计</h3><p>这个功能需要用到插件：<code>hexo-wordcount</code>，在Hexo项目根目录下使用命令<code>npm i --save hexo-wordount</code>进行安装。下面的配置是信息显示位置和样式，仅供参考。</p>
<p><strong>目标文件：</strong> themes/yelee/layout/_partial/post/tag.ejs。做如下修改：</p>
<pre class="line-numbers language-lang-git"><code class="language-lang-git"><% if (post.tags && post.tags.length){ %>
-    <div class="article-tag tagcloud">
+    <div class="article-tag tagcloud" style="display: flex; flex-wrap: wrap">
        <%-
          list_tags(post.tags, {
            show_count: false,
            class: 'article-tag'
          })
        %>
+       <span class="post-count">总字数<%= wordcount(post.content) %></span>
+       <span class="post-count">预计阅读<%= min2read(post.content) %>分钟</span>
    </div>
<% } %>
<span aria-hidden="true" class="line-numbers-rows"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></span></code></pre>
<p>添加样式：<br><strong>目标文件</strong> themes/yelee/source/css/_partial/tagcloud.styl。找到</p>
<pre class="line-numbers language-lang-css-extras"><code class="language-lang-css-extras">.article-tag::before,
.article-category::before
    float left
    color #999
    font base-font-size FontAwesome
    margin-right 5px
    margin-top (1/3)rem

.article-tag::before
    content "\f02b"
    margin-left 1em

.article-category::before
    content "\f02d"
<span aria-hidden="true" class="line-numbers-rows"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></span></code></pre>
<p>在<code>.article-category::before</code>前插入以下代码</p>
<pre class="line-numbers language-lang-css-extras"><code class="language-lang-css-extras">.article-tag
    .article-tag-list
        display flex
        flex-wrap wrap
    span
        cursor pointer
        line-height 29px
        font-size 13px
        color #aaa
        &:before
            content "\27A4"
            margin-left 1em<Paste>
<span aria-hidden="true" class="line-numbers-rows"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></span></code></pre>
<p>其中，<code>content: &quot;\27A4&quot;</code>是unicode图标编码，根据自己需求替换。</p>
<p><a href="https://unicode-table.com/cn" target="_blank" rel="noopener">unicode图标</a></p>
<p><a href="https://fontawesome.com/icons?from=io" target="_blank" rel="noopener">Font Awesome icom</a></p>
<h3 id="添加多合一打赏"><a href="#添加多合一打赏" class="headerlink" title="添加多合一打赏"></a>添加多合一打赏</h3><p>实现原理见博文, <a href="https://mkblog.cn/922/" target="_blank" rel="noopener">多合一收款二维码原理及实现(源码)</a>。具体操作为，在yelee的配置文件<br><code>_config.yml</code>中加上：</p>
<pre class="line-numbers language-lang-yml"><code class="language-lang-yml"># 打赏
# 将 on 改为 false 去掉打赏
donate:
  on: true
  multipay: /img/multipay.png
<span aria-hidden="true" class="line-numbers-rows"><span></span><span></span><span></span><span></span><span></span></span></code></pre>
<p>multipay.png上的二维码指向链接/pages/donate，然后根据用户的userAgent转向不同服务。</p>
<p><strong>目标文件</strong> themes/yelee/layout/_partial/left-col.ejs。找到</p>
<pre class="line-numbers language-lang-java"><code class="language-lang-java"><nav class="header-nav">
    <ul class="social">
        <% for (var i in theme.subnav){ %>
            <a class="fa <%= i %>" href="<%- url_for(theme.subnav[i]) %>" title="<%= i %>"></a>
        <%}%>
    </ul>
</nav>
<span aria-hidden="true" class="line-numbers-rows"><span></span><span></span><span></span><span></span><span></span><span></span><span></span></span></code></pre>
<p>在<code>&lt;/ul&gt;</code>下添加</p>
<pre class="line-numbers language-lang-java"><code class="language-lang-java"><% if (theme.donate.on) { %>
    <ul class="social">
        <div style="position: absolute; top: 95%; left: 50%; margin-left: -30px;">
            <p style="display: block">
                <a
                    class="donateIcon"
                    href="javascript:void(0)"
                    onmouseout="
                        var qr = document.getElementById('donate');
                        qr.style.display='none';
                    "
                    onmouseenter="
                        var qr = document.getElementById('donate');
                        qr.style.display='block';
                    ">
                    赏
                </a>
            </p>
        </div>
    </ul>
<% } %>
<span aria-hidden="true" class="line-numbers-rows"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></span></code></pre>
<p>在<code>left-col.ejs</code>文件末尾添加：</p>
<pre class="line-numbers language-lang-java"><code class="language-lang-java"><% if (theme.donate.multipay) { %>
    <div id="donate">
        <img id="multipay" src="<%=theme.donate.multipay%>" width="250px" alt="<%=theme.author%> Multipay"/>
        <div class="triangle"></div>
    </div>
<% } %><Paste>
<span aria-hidden="true" class="line-numbers-rows"><span></span><span></span><span></span><span></span><span></span><span></span></span></code></pre>
<p><strong>目标文件：</strong> themes/yelee/source/css/_partial/customise/social-icon.styl。在顶部找到</p>
<pre class="line-numbers language-lang-css-extras"><code class="language-lang-css-extras">#header .header-nav .social
    margin-top 10px
    text-align center
    font-family Arial
    a
        width base-font-size + 21
        height @width
        border-radius 50%
        margin 0 2px 6px
        vertical-align middle
        font-size .66*@width
        line-height @width
        text-align center
        color white
        background #6f7170
        opacity i-opacity
        box-shadow 1px 2px 2px rgba(0,0,0, .1), 1px 1px 3px rgba(0,0,0, .3)
        &:hover
            opacity 1
            transform scale(1.1)
<span aria-hidden="true" class="line-numbers-rows"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></span></code></pre>
<p>在<code>a</code>标签的样式后添加</p>
<pre class="line-numbers language-lang-css-extras"><code class="language-lang-css-extras">.donateIcon
    display block
    width 56px
    margin auto
    height 56px
    font-size 20px
    color #fff
    border none
    background #4094c7
    border-radius 50%
    text-align center
    -webkit-box-shadow 0 2px 5px 0 rgba(0,0,0,0,16), 0 2px 10px 0 rgba(0,0,0,0,12)
    box-shadow 0 2px 5px 0 rgba(0,0,0,0,16), 0 2px 10px 0 rgba(0,0,0,0,12)
    -webkit-transition 0.4s ease-in-out
    -moz-transition 0.4s ease-in-out
    -ms-transition 0.4s ease-in-out
    transition 0.4s ease-in-out
<span aria-hidden="true" class="line-numbers-rows"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></span></code></pre>
<p><strong>目标文件：</strong> themes/yelee/source/css/_partial/main.styl。找到<code>intrude-less</code>并加上donate标签的样式。</p>
<pre class="line-numbers language-lang-git"><code class="language-lang-git">.intrude-less {
    width: 76%;
    text-align: center;
    margin: 112px auto 0;
+   #donate {
+       display: none;
+       position: fixed;
+       top: 280px;
+       left: 25px;
+       img {
+           border-radius: 5px;
+       }
+       .triangle {
+           height: 0;
+           width: 0;
+           margin: -5px 0 0 85px;
+           border-right: 45px solid transparent;
+           border-left: 45px solid transparent;
+           border-top: 30px solid #5b91ee;
+       }
+   }
}
<span aria-hidden="true" class="line-numbers-rows"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></span></code></pre>
<h3 id="修改列表显示的bug"><a href="#修改列表显示的bug" class="headerlink" title="修改列表显示的bug"></a>修改列表显示的bug</h3><p>markdown文件中无序列表显示有误，比如 “- [列表名]”, 如果列表名前两个字符含 ‘x’, 则列表前缀消失。排查之后发现是 main.js 里对无序列表进行了判断，若出现 “- [ ]” 或者 “- [x]”，则解析成复选框的样式，需要修改判断条件。</p>
<p><strong>目标文件：</strong> themes/yelee/source/js/main.js</p>
<pre class="line-numbers language-lang-git"><code class="language-lang-git">// Task lists in markdown
$('ul > li').each(function() {
    var taskList = {
-       field: this.textContent.substring(0, 2),
+       field: this.textContent.substring(0, 3),
        check: function(str) {
-           var re = new RegExp(str);
-           return this.field.match(re);
+           return this.field === str;
        }
    }
    ...
}
<span aria-hidden="true" class="line-numbers-rows"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></span></code></pre>
<h3 id="添加谷歌站长并提交站点地图"><a href="#添加谷歌站长并提交站点地图" class="headerlink" title="添加谷歌站长并提交站点地图"></a>添加谷歌站长并提交站点地图</h3><p>验证网站：<a href="https://www.google.com/webmasters/tools/" target="_blank" rel="noopener">Search Console</a>。然后安装sitemap生成器，<code>npm install hexo-generator-sitemap --save</code>，在站点配置文件<code>_config.yml</code>中加上</p>
<pre class="line-numbers language-lang-yml"><code class="language-lang-yml">### sitemap
sitemap:
  path: sitemap.xml
<span aria-hidden="true" class="line-numbers-rows"><span></span><span></span><span></span></span></code></pre>
<p>再部署一遍后，博客目录下会多出一个<code>sitemap.xml</code>文件，到谷歌站长里添加地图即可。</p>
<p>值得注意的是，搜索引擎会抓取路径在三级以内的地址，如果路径太多可能抓取不到，但 hexo 文章的路径默认会加上日期，比如<code>http://wangriyu.wang/2017/08/24/Hexo/</code>。在站点配置文件中修改一下permalink（默认是:year/:month/:day/:title/），这样就不会在加上日期了：</p>
<pre class="line-numbers language-lang-yml"><code class="language-lang-yml"># URL
## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
url: http://wangriyu.wang
root: /
permalink: :title.html
permalink_defaults:
<span aria-hidden="true" class="line-numbers-rows"><span></span><span></span><span></span><span></span><span></span><span></span></span></code></pre>
<h3 id="使用七牛云图床"><a href="#使用七牛云图床" class="headerlink" title="使用七牛云图床"></a>使用七牛云图床</h3><p>注册<a href="https://sso.qiniu.com/" target="_blank" rel="noopener">七牛云</a>账号，七牛云可以用来生成外链来代替站内的图片资源。详情略过。</p>
<h3 id="添加隐藏侧边栏的按钮"><a href="#添加隐藏侧边栏的按钮" class="headerlink" title="添加隐藏侧边栏的按钮"></a>添加隐藏侧边栏的按钮</h3><p><strong>目标文件：</strong> themes/yelee/layout/layout.ejs</p>
<pre class="line-numbers language-lang-git"><code class="language-lang-git">    ...
+   <div class="hide-left-col" title="隐藏侧栏">
+     <i class="fa fa-angle-double-left"></i>
+   </div>
    <div class="mid-col">
      <%- partial('_partial/mobile-nav', null, {cache: !config.relative_link}) %>
      <div class="body-wrap"><%- body %></div>
      <%- partial('_partial/footer') %>
    </div>
+   <script type="application/javascript">
+     var hide = false, leftWidth = <%- theme.left_col_width %>;
+     function hideLeftCol() {
+       if (hide) {
+         $(".left-col").width(leftWidth);
+         $(".left-col .intrude-less").css('display', '');
+         $("#tocButton").css('display', '');
+         ($('#switch-btn').css('display') === 'block' && $('#switch-area').css('display') === 'block') || $('#toc').slideDown(320);
+         $(".hide-left-col").css("left", leftWidth).html('<i class="fa fa-angle-double-left"></i>');
+         $(".mid-col").css("left", leftWidth)
+         $("#post-nav-button").css("left", leftWidth)
+         $("#post-nav-button > a:nth-child(2)").css("display", "block")
+         hide = false
+       } else {
+         $(".left-col").width(0);
+         $(".left-col .intrude-less").css('display', 'none');
+         $("#toc").css('display', 'none');
+         $("#tocButton").css('display', 'none');
+         $(".hide-left-col").css("left", 0).html('<i class="fa fa-angle-double-right"></i>');
+         $(".mid-col").css("left", 0)
+         $("#post-nav-button").css("left", 0)
+         $("#post-nav-button > a:nth-child(2)").css("display", "none")
+         if ($(".post-list").is(":visible")) {
+           $("#post-nav-button .fa-bars,#post-nav-button .fa-times").toggle();
+           $(".post-list").toggle();
+         }
+         hide = true
+       }
+     }
+     $(".hide-left-col").click(function() {
+       hideLeftCol()
+     });
+   </script>
    <%- partial('_partial/after-footer') %>
  </div>
<span aria-hidden="true" class="line-numbers-rows"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></span></code></pre>
<p><strong>目标文件：</strong> themes/yelee/source/css/_partial/main.styl。</p>
<pre class="line-numbers language-lang-git"><code class="language-lang-git">.left-col {
  ...
}
+.hide-left-col {
+   z-index: 999;
+   cursor: pointer;
+   transition:all .2s ease-in;
+   position: fixed;
+   top: 0;
+   left: left-col-width;
+   text-align: center;
+   line-height: 30px;
+   display: block;
+   width: 30px;
+   height: 30px;
+   font-size: 28px;
+   background: none;
+   .fa {
+       color: rgb(255, 255, 255, .5);
+   }
+   &:hover {
+       background: rgba(147, 181, 224, .3) !important;
+       .fa {
+           color: white;
+       }
+   }
+}
.mid-col {
  ...
}

...

@media screen and (max-width:768px) {
+   .hide-left-col {
+       display: none;
+   }
    @import "_partial/mobile"
}

...

#post-nav-button {
    left: left-col-width;
    top: 61.8%;
+   transition: left .2s ease-in;
    a {
        border-bottom-color: transparent;
        background: none;
        cursor: pointer;
        .fa-times {
            display: none;
        }
    }
}
<span aria-hidden="true" class="line-numbers-rows"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></span></code></pre>
<p><strong>目标文件：</strong> themes/yelee/source/css/_partial/mobile.styl。</p>
<pre class="line-numbers language-lang-git"><code class="language-lang-git">.left-col {
-   display: none;
+   display: none !important;
}
.mid-col {
-   left: 0;
+   left: 0 !important;
}
<span aria-hidden="true" class="line-numbers-rows"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></span></code></pre>
<h3 id="使用prism代码高亮"><a href="#使用prism代码高亮" class="headerlink" title="使用prism代码高亮"></a>使用prism代码高亮</h3><p>安装插件<code>npm i -S hexo-prism-plugin</code>。将根目录<code>_config.yml</code>中的highlight部分均设为false，并添加prism配置项：</p>
<pre class="line-numbers language-lang-git"><code class="language-lang-git">highlight:
- enable: true
+ enable: false
  line_number: false
  auto_detect: false
  tab_replace:

# prism
# https://prismjs.com/#languages-list
+ prism_plugin:
+   mode: 'preprocess'   # realtime/preprocess
+   theme: 'a11y-dark'   # https://github.com/PrismJS/prism-themes#available-themes
+   line_number: true    # default false
+   custom_css:          # optional
<span aria-hidden="true" class="line-numbers-rows"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></span></code></pre>
<p>将主题的<code>_config.yml</code>的highlight_style删掉。</p>
<pre class="line-numbers language-lang-git"><code class="language-lang-git">-highlight_style:
-  on: false
-  inline_code: 3  # Value: 0 - 9 可选
-  code_block: 4  # Value: 0 - 4
-  # Set inline_code to style highlight text
-  # Chose a highlight theme for code block
-  # 通过 inline_code 切换内置文本高亮样式
-  # 通过 code_block 切换内置代码高亮配色主题
<span aria-hidden="true" class="line-numbers-rows"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></span></code></pre>
<p>删除 themes/yelee/source/css/_partial/customise/ 下的 code-block.styl 和 inline-code.styl。删除 themes/yelee/source/css/_partial/highlight.styl</p>
<p>修改mobile.styl:</p>
<pre class="line-numbers language-lang-git"><code class="language-lang-git">    .article-entry{
        padding-left: 0;
        padding-right: 0;
-       .highlight {
-           padding .35em .6em
-       }
    }
<span aria-hidden="true" class="line-numbers-rows"><span></span><span></span><span></span><span></span><span></span><span></span><span></span></span></code></pre>
<p>修改themes/yelee/source/css/style.styl:</p>
<pre class="line-numbers language-lang-git"><code class="language-lang-git">@import "_partial/archive"
@import "_partial/article"
@import "_partial/archive"
- @import "_partial/highlight"
@import "_partial/footer"

if share
@ -117,4 +116,14 @@ if search
@import "_partial/customise/color-scheme"

if sidebar
  @import "_partial/sidebar"
  @import "_partial/sidebar"

+ .article-entry code
+   color gray
+   padding .05em .3em
+   border-radius 3px
+   box-shadow 1px 1px 1px rgba(0,0,0, .08)
+   background rgba(255, 250, 165, .7)

+ .article-entry pre code
+   padding 0
<span aria-hidden="true" class="line-numbers-rows"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></span></code></pre>
<p>注意使用此插件时所有代码块都需要指定语言，否则无法加载高亮效果。<a href="https://prismjs.com/#languages-list" target="_blank" rel="noopener">语言列表</a></p>
<h3 id="升级fancybox图片浏览插件"><a href="#升级fancybox图片浏览插件" class="headerlink" title="升级fancybox图片浏览插件"></a>升级fancybox图片浏览插件</h3><p>修改主题的<code>_config.yml</code>中的CDN：</p>
<pre class="line-numbers language-lang-git"><code class="language-lang-git">-  fancybox_js: //cdn.bootcss.com/fancybox/2.1.5/jquery.fancybox.min.js
-  fancybox_css: //cdn.bootcss.com/fancybox/2.1.5/jquery.fancybox.min.css
+  fancybox_js: //cdn.bootcss.com/fancybox/3.3.5/jquery.fancybox.min.js
+  fancybox_css: //cdn.bootcss.com/fancybox/3.3.5/jquery.fancybox.min.css
<span aria-hidden="true" class="line-numbers-rows"><span></span><span></span><span></span><span></span></span></code></pre>
<p>修改themes/yelee/source/js/main.js:</p>
<pre class="line-numbers language-lang-git"><code class="language-lang-git">// fancyBox
if(!!yiliaConfig.fancybox){
    require([yiliaConfig.fancybox_js], function(pc){
        var isFancy = $(".isFancy");
        if(isFancy.length != 0){
            var imgArr = $(".article-inner img");
            for(var i=0,len=imgArr.length;i<len;i++){
                var src = imgArr.eq(i).attr("src");
                var title = imgArr.eq(i).attr("alt");
                if(typeof(title) == "undefined"){
                    var title = imgArr.eq(i).attr("title");
                }
                var width = imgArr.eq(i).attr("width");
                var height = imgArr.eq(i).attr("height");
-               imgArr.eq(i).replaceWith("<a href='"+src+"' title='"+title+"' rel='fancy-group' class='fancy-ctn fancybox'><img src='"+src+"' width="+width+" height="+height+" title='"+title+"' alt='"+title+"'></a>");
+               imgArr.eq(i).replaceWith("<a class='fancy-ctn' href='"+src+"' title='"+title+"' data-fancybox='images' data-caption='"+src.substring(src.lastIndexOf("/")+1)+"'><img src='"+src+"' width="+width+" height="+height+" title='"+title+"' alt='"+title+"'></a>");
            }
-           $(".article-inner .fancy-ctn").fancybox({ type: "image" });
+           $(".article-inner .fancy-ctn").fancybox({
+             loop: true,
+             touch: false,
+             toolbar: true,
+             wheel: false,
+             buttons: [
+               "fullScreen",
+               "thumbs",
+               "close"
+             ],
+           });
        }
    })
}
<span aria-hidden="true" class="line-numbers-rows"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></span></code></pre>
<p>修改themes/yelee/source/css/style.styl，在最后面插入：</p>
<pre class="line-numbers language-lang-js"><code class="language-lang-js">.fancybox-image
  background #ffffff
<span aria-hidden="true" class="line-numbers-rows"><span></span><span></span></span></code></pre>
<h2 id="相关链接"><a href="#相关链接" class="headerlink" title="相关链接"></a>相关链接</h2><hr>
<ol>
<li><a href="http://moxfive.coding.me/yelee/" target="_blank" rel="noopener">Yelee主题使用说明, <strong>By</strong> MOxFIVE</a></li>
<li><a href="https://blog.wangriyu.wang/2017/08-Hexo.html" target="_blank" rel="noopener">使用Hexo主题Yelee, <strong>By</strong> 鱼の乐</a></li>
</ol>

      
    </div>
    
  </div>
  
    
    <div class="copyright">
        <p><span>本文标题:</span><a href="/2020/02/29/Custom-yelee/">修改主题--Yelee</a></p>
        <p><span>文章作者:</span><a href="/" title="回到主页">Shawn</a></p>
        <p><span>发布时间:</span>2020-02-29, 09:18:21</p>
        <p><span>最后更新:</span>2020-03-02, 12:09:15</p>
        <p>
            <span>原始链接:</span><a class="post-url" href="/2020/02/29/Custom-yelee/" title="修改主题--Yelee">https://www.lazyshawn.cn/2020/02/29/Custom-yelee/</a>
            <span class="copy-path" data-clipboard-text="原文: https://www.lazyshawn.cn/2020/02/29/Custom-yelee/　　作者: Shawn" title="点击复制文章链接"><i class="fa fa-clipboard"></i></span>
            <script> var clipboard = new Clipboard('.copy-path'); </script>
        </p>
        <p>
            <span>许可协议:</span><i class="fa fa-creative-commons"></i> <a rel="license noopener" href="http://creativecommons.org/licenses/by-nc-sa/4.0/" target="_blank" title="CC BY-NC-SA 4.0 International" target = "_blank">"署名-非商用-相同方式共享 4.0"</a> 转载请保留原文链接及作者。
        </p>
    </div>



    <nav id="article-nav">
        
            <div id="article-nav-newer" class="article-nav-title">
                <a href="/2020/03/02/Clean-up-git-repository/">
                    整理Git仓库
                </a>
            </div>
        
        
            <div id="article-nav-older" class="article-nav-title">
                <a href="/2020/02/27/hello-world/">
                    Hello World
                </a>
            </div>
        
    </nav>

  
</article>

    <div id="toc" class="toc-article">
        <strong class="toc-title">文章目录</strong>
        
            <ol class="toc"><li class="toc-item toc-level-3"><a class="toc-link" href="#移动端菜单栏显示问题"><span class="toc-number">1.</span> <span class="toc-text">移动端菜单栏显示问题</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#代码块前后留白问题"><span class="toc-number">2.</span> <span class="toc-text">代码块前后留白问题</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#取消用新标签页面打开搜索结果"><span class="toc-number">3.</span> <span class="toc-text">取消用新标签页面打开搜索结果</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#取消迷你文章在新窗口打开"><span class="toc-number">4.</span> <span class="toc-text">取消迷你文章在新窗口打开</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#添加文章字数统计"><span class="toc-number">5.</span> <span class="toc-text">添加文章字数统计</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#添加多合一打赏"><span class="toc-number">6.</span> <span class="toc-text">添加多合一打赏</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#修改列表显示的bug"><span class="toc-number">7.</span> <span class="toc-text">修改列表显示的bug</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#添加谷歌站长并提交站点地图"><span class="toc-number">8.</span> <span class="toc-text">添加谷歌站长并提交站点地图</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#使用七牛云图床"><span class="toc-number">9.</span> <span class="toc-text">使用七牛云图床</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#添加隐藏侧边栏的按钮"><span class="toc-number">10.</span> <span class="toc-text">添加隐藏侧边栏的按钮</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#使用prism代码高亮"><span class="toc-number">11.</span> <span class="toc-text">使用prism代码高亮</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#升级fancybox图片浏览插件"><span class="toc-number">12.</span> <span class="toc-text">升级fancybox图片浏览插件</span></a></li></ol></li><li class="toc-item toc-level-2"><a class="toc-link" href="#相关链接"><span class="toc-number"></span> <span class="toc-text">相关链接</span></a>
        
    </div>
    <style>
        .left-col .switch-btn,
        .left-col .switch-area {
            display: none;
        }
        .toc-level-3 i,
        .toc-level-3 ol {
            display: none !important;
        }
    </style>

    <input type="button" id="tocButton" value="隐藏目录"  title="点击按钮隐藏或者显示文章目录">

    <script>
        yiliaConfig.toc = ["隐藏目录", "显示目录", !!"false"];
    </script>



    
<div class="share">
    
        <div class="bdsharebuttonbox">
            <a href="#" class="fa fa-twitter bds_twi" data-cmd="twi" title="分享到推特"></a>
            <a href="#" class="fa fa-weibo bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
            <a href="#" class="fa fa-qq bds_sqq" data-cmd="sqq" title="分享给 QQ 好友"></a>
            <a href="#" class="fa fa-files-o bds_copy" data-cmd="copy" title="复制网址"></a>
            <a href="#" class="fa fa fa-envelope-o bds_mail" data-cmd="mail" title="通过邮件分享"></a>
            <a href="#" class="fa fa-weixin bds_weixin" data-cmd="weixin" title="生成文章二维码"></a>
            <a href="#" class="fa fa-share-alt bds_more" data-cmd="more"></i></a>
        </div>
        <script>
            window._bd_share_config={
                "common":{"bdSnsKey":{},"bdText":"修改主题--Yelee　| Shawn　","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"24"},"share":{}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];
        </script>
    

    
</div>







    




    <div class="scroll" id="post-nav-button">
        
            <a href="/2020/03/02/Clean-up-git-repository/" title="上一篇: 整理Git仓库">
                <i class="fa fa-angle-left"></i>
            </a>
        

        <a title="文章列表"><i class="fa fa-bars"></i><i class="fa fa-times"></i></a>

        
            <a href="/2020/02/27/hello-world/" title="下一篇: Hello World">
                <i class="fa fa-angle-right"></i>
            </a>
        
    </div>

    <ul class="post-list"><li class="post-list-item"><a class="post-list-link" href="/2020/04/10/coc-cls-install/">Ubuntu16.04中coc.nvim+ccls环境配置</a></li><li class="post-list-item"><a class="post-list-link" href="/2020/04/10/gcc-install/">Ubuntu中手动安装高版本GCC8.3</a></li><li class="post-list-item"><a class="post-list-link" href="/2020/03/03/Sim-prehensile-pushing-using-matlab/">基于Matlab的二指夹具在手操作仿真（一）</a></li><li class="post-list-item"><a class="post-list-link" href="/2020/03/02/Clean-up-git-repository/">整理Git仓库</a></li><li class="post-list-item"><a class="post-list-link" href="/2020/02/29/Custom-yelee/">修改主题--Yelee</a></li><li class="post-list-item"><a class="post-list-link" href="/2020/02/27/hello-world/">Hello World</a></li></ul>




    <script>
        
    </script>
</div>
      <footer id="footer">
    <div class="outer">
        <div id="footer-info">
            <div class="footer-left">
                <i class="fa fa-copyright"></i> 
                2020 Shawn
            </div>
            <div class="footer-right">
                <a href="http://hexo.io/" target="_blank" title="快速、简洁且高效的博客框架">Hexo</a>  Theme <a href="https://github.com/lazyshawn/hexo-theme-yelee" target="_blank" title="简而不减 Hexo 双栏博客主题  v3.5">Yelee</a> by Shawn <i class="fa fa-heart animated infinite pulse"></i>
            </div>
        </div>
        
            <div class="visit">
                
                    <span id="busuanzi_container_site_pv" style='display:none'>
                        <span id="site-visit" title="本站到访数"><i class="fa fa-user" aria-hidden="true"></i><span id="busuanzi_value_site_uv"></span>
                        </span>
                    </span>
                
                
                    <span>| </span>
                
                
                    <span id="busuanzi_container_page_pv" style='display:none'>
                        <span id="page-visit"  title="本页阅读量"><i class="fa fa-eye animated infinite pulse" aria-hidden="true"></i><span id="busuanzi_value_page_pv"></span>
                        </span>
                    </span>
                
            </div>
        
    </div>
</footer>

    </div>
    <script type="application/javascript">
      var hide = false, leftWidth = 300;
      function hideLeftCol() {
        if (hide) {
          $(".left-col").width(leftWidth);
          $(".left-col .intrude-less").css('display', '');
          $("#tocButton").css('display', '');
          ($('#switch-btn').css('display') === 'block' && $('#switch-area').css('display') === 'block') || $('#toc').slideDown(320);
          $(".hide-left-col").css("left", leftWidth).html('<i class="fa fa-angle-double-left"></i>');
          $(".mid-col").css("left", leftWidth)
          $("#post-nav-button").css("left", leftWidth)
          $("#post-nav-button > a:nth-child(2)").css("display", "block")
          hide = false
        } else {
          $(".left-col").width(0);
          $(".left-col .intrude-less").css('display', 'none');
          $("#toc").css('display', 'none');
          $("#tocButton").css('display', 'none');
          $(".hide-left-col").css("left", 0).html('<i class="fa fa-angle-double-right"></i>');
          $(".mid-col").css("left", 0)
          $("#post-nav-button").css("left", 0)
          $("#post-nav-button > a:nth-child(2)").css("display", "none")
          if ($(".post-list").is(":visible")) {
            $("#post-nav-button .fa-bars,#post-nav-button .fa-times").toggle();
            $(".post-list").toggle();
          }
          hide = true
        }
      }
      $(".hide-left-col").click(function() {
        hideLeftCol()
      });
    </script>
    
<script data-main="/js/main.js" src="//cdn.bootcss.com/require.js/2.2.0/require.min.js"></script>

    <script>
        $(document).ready(function() {
            var iPad = window.navigator.userAgent.indexOf('iPad');
            if (iPad > -1 || $(".left-col").css("display") === "none") {
                var bgColorList = ["#9db3f4", "#414141", "#e5a859", "#f5dfc6", "#c084a0", "#847e72", "#cd8390", "#996731"];
                var bgColor = Math.ceil(Math.random() * (bgColorList.length - 1));
                $("body").css({"background-color": bgColorList[bgColor], "background-size": "cover"});
            }
            else {
                var backgroundnum = 5;
                var backgroundimg = "url(/background/bg-x.jpg)".replace(/x/gi, Math.ceil(Math.random() * backgroundnum));
                $("body").css({"background": backgroundimg, "background-attachment": "fixed", "background-size": "cover"});
            }
        })
    </script>






    <script type="text/x-mathjax-config">
MathJax.Hub.Config({tex2jax:{inlineMath:[["$$","$$"],["$","$"],["\\(","\\)"]],processEscapes:!0,skipTags:["script","noscript","style","textarea","pre","code"]}}),MathJax.Hub.Queue(function(){var a,e=MathJax.Hub.getAllJax();for(a=0;a<e.length;a+=1)e[a].SourceElement().parentNode.className+=" has-jax"})
</script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/latest.js?config=TeX-MML-AM_CHTML' async></script>


<div class="scroll" id="scroll">
    <a href="#" title="返回顶部"><i class="fa fa-arrow-up"></i></a>
    <a href="#comments" onclick="load$hide();" title="查看评论"><i class="fa fa-comments-o"></i></a>
    <a href="#footer" title="转到底部"><i class="fa fa-arrow-down"></i></a>
</div>
<script>
    // Open in New Window
    
        var oOpenInNew = {
            
            
            
            
            
            
             archives: ".archive-article-title", 
            
            
             friends: "#js-friends a", 
             socail: ".social a" 
        }
        for (var x in oOpenInNew) {
            $(oOpenInNew[x]).attr("target", "_blank");
        }
    
</script>


<script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js">
</script>

  </div><!-- hexo-inject:begin --><!-- hexo-inject:end -->
</body>
</html>
